<template>
	<!-- 账簿 -->
	<view class="flex-col page">
		<view> <text class="text title">装修帐簿</text>
		</view>
		<view class="flex-col group">
			<view class="flex-col group_1">

				<view class="flex-col section_1">

					<view class="section_2">
						<!--*-->
					</view>
				</view>
				<view class="flex-col section_3">
					<view class="flex-col group_2">
						<view class="justify-center">
							<!-- 开始日期 -->
							<view class="flex-row section_4">
								<picker mode="date" :value="StartTime" @change="bindTimeChange">
									<view class="uni-input">
										<text class="text_1">{{StartTime}}</text>
										<image :src="$IMG_URL+'16557871135212601981.png'" class="image image_1" />
									</view>
								</picker>
							</view>
							<view class="section_5">
								<!--*-->
							</view>
							<!-- 结束日期 -->
							<view class="flex-row section_4 view_2">
								<picker mode="date" :value="endTime" @change="bindTimeChangeEnd">
									<view class="uni-input">
										<text class="text_1">{{endTime}}</text>
										<image :src="$IMG_URL+'16557871135212601981.png'" class="image image_1" />
									</view>
								</picker>
							</view>
						</view>
						<view class="justify-between group_2 view_3">
							<view class="flex-row">
								<image :src="$IMG_URL+'16557867934145430912.png'" class="image_3 image_4" />
								<text class="text_4" v-if="TypeState == 0">合同类型</text>
								<text class="text_4" v-else>收款类型</text>
							</view>
							<view class="flex-col items-center text-wrapper"><text class="text_5">
									<navigator url="/pages/foreman/trimDetailed/trimDetailed">总明细</navigator>
								</text></view>
						</view>
					</view>
					<!-- 合同类型 -->
					<view class="flex-row group_5" style="" v-if="TypeState == 0">
						<view class="" style="width: 80%;margin-left: 10%;">
							<!-- echarts图 -->
							<view class="charts-box">
								<qiun-data-charts type="pie" :opts="opts" :chartData="chartData" />
							</view>
						</view>
						<view class="flex-row group_8" @click="TypeStateClick(1)">
							<image :src="$IMG_URL+'16557871146608126161.png'" class="image_5" />
						</view>
					</view>
					<!--收款类型  -->
					<view class="flex-row group_5" style="" v-else>
						<view class="flex-row group_6" style="width: 80%;margin-left: 2%;">
							<view class="flex-row group_8_2" @click="TypeStateClick(0)">
								<image :src="$IMG_URL+'16557871167270745995.png'" class="image_5" />
							</view>
							<!-- echarts图 -->
							<view class="charts-box2">
								<qiun-data-charts type="pie" :chartData="CollectionchartData" />
							</view>

						</view>
						<view class="section_7">
							<!--*-->
						</view>
					</view>

				</view>
			</view>
			<view class="flex-row group_10 view_4">
				<view class="flex-col items-start text-wrapper_1">
					<input type="text" placeholder="请输入合同名称" v-model="ZBname" @input="onInput">
				</view>
				<image :src="$IMG_URL+'16557862348718513986.png'" mode="" class="image_7" @click="serchZB"></image>
			</view>
			<view class="flex-col items-center section_9" @click="newAccound">
				<image :src="$IMG_URL+'16557873244631898888.png'" class="image_10" />
				<text class="text_18">新增记账</text>
			</view>
			<view class="flex-col line-tabs">
				<view class="flex-col group_11">
					<view class="justify-between">
						<text class="text_10" @click="clickTab(0)" :class="this.tabState==0?'taskActive':''">全部</text>
						<text class="text_11" @click="clickTab(1)" :class="this.tabState==1?'taskActive':''">公单</text>
						<text class="text_12" @click="clickTab(2)" :class="this.tabState==2?'taskActive':''">自营</text>
						<text class="text_13" @click="clickTab(3)" :class="this.tabState==3?'taskActive':''">其他</text>
					</view>
					<view v-if="tabState == 0">
						<image :src="$IMG_URL+'16557870729685527062.png'" class="image_8" />
					</view>
					<view v-else-if="tabState == 1">
						<image :src="$IMG_URL+'16557870729685527062.png'" class="image_GD" />
					</view>
					<view v-else-if="tabState == 2">
						<image :src="$IMG_URL+'16557870729685527062.png'" class="image_ZY" />
					</view>
					<view v-else-if="tabState == 3">
						<image :src="$IMG_URL+'16557870729685527062.png'" class="image_QT" />
					</view>
				</view>
				<view v-if="this.iwallarr!=''">
					<view class="flex-col group_13" v-for="(item,i) in iwallarr" :key="i">
						<view class="flex-col section_8">
							<view class="justify-between group_14">
								<view class="flex-row">
									<image :src="$IMG_URL+'16557826792503103103.png'" class="image_3" />
									<text class="text_14">{{item.name}}</text>
								</view>
								<text class="text_15" @click="accoundEdit(item.id)">编辑</text>
							</view>
							<view class="flex-row group_16">
								<view class="divider">
									<!--*-->
								</view>
								<view class="group_17">
									<text class="text_16">合同类型：</text>
									<text class="text_17" v-if="item.type ==1">公单</text>
									<text class="text_17" v-else-if="item.type ==2">自营</text>
									<text class="text_17" v-else>其他</text>
								</view>

							</view>
							<view class="justify-between group_10">
								<text class="text_19">已收款</text>
								<view class="group_18 view_6">
									<text class="text_20">￥</text>
									<text class="text_22">{{item.paidAmount}}.00</text>
								</view>
							</view>
							<view class="justify-between group_10 view_7">
								<text class="text_24">未收款</text>
								<view class="group_18 view_8">
									<text class="text_20">￥</text>
									<text class="text_22">{{item.outstandingAmount}}.00</text>
								</view>
							</view>
							<view class="justify-between group_10 view_9">
								<text class="text_27">合同增项额度</text>
								<view class="group_18 view_10">
									<text class="text_20">￥</text>
									<text class="text_22">{{item.additionAmount}}.00</text>
								</view>
							</view>
							<view class="justify-between group_10 view_11">
								<text class="text_30">总合同额</text>
								<view class="group_18 view_12">
									<text class="text_20">￥</text>
									<text class="text_22">{{item.totalAmount}}.00</text>
								</view>
							</view>
						</view>
					</view>
					<!-- <uni-load-more :status="status" :icon-size="14" :content-text="contentText" v-if="dataList.length > 0" /> -->
				</view>
				<view v-else>
					<u-empty style="height: 29vh;" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
					</u-empty>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				tabState: 0,
				TypeState: 0, //账簿切换
				StartTime: '2022年10月10日',
				endTime: '2022年10月10日',
				infotimes: [], //存储日期
				// timestamp: new Date(),
				// 合同类型 
				chartData: [],
				opts: {
					color: ["#FFF28B", "#71BEFF", "#FF907D"],
					padding: [1, 2, 3],
					extra: {
						pie: {
							activeOpacity: 0.5,
							activeRadius: 10,
							offsetAngle: 0,
							labelWidth: 20,
							border: false,
							borderWidth: 3,
							borderColor: "#FFFFFF",
						}
					}
				},
				// 收款类型 图表
				Collectionopts: {
					color: ["#FF907D", "#71BEFF"],
					padding: [1, 2, 3],
					extra: {
						pie: {
							activeOpacity: 0.5,
							activeRadius: 10,
							offsetAngle: 0,
							labelWidth: 20,
							border: false,
							borderWidth: 3,
							borderColor: "#FFFFFF"
						}
					}
				},
				CollectionchartData: {},
				iwallarr: [],
				// 加载更多
				ZBname: '',
				pageNum: 1,
				series: {},
				seriess: {},
				shou: 0,
				fu: 0,

			}
		},

		onLoad() {
			let dateTime = new Date();
			dateTime = dateTime.setDate(dateTime.getDate() - 30); //当天时间减30天

			this.getlist()
			this.StartTime = uni.$u.timeFormat(dateTime, 'yyyy年-mm月-dd日');
			this.endTime = uni.$u.timeFormat(new Date(), 'yyyy年-mm月-dd日');

			this.infotimes[0] = uni.$u.timeFormat(dateTime, 'yyyymmdd');
			this.infotimes[1] = uni.$u.timeFormat(new Date(), 'yyyymmdd');
			console.log(this.infotimes[0]);
		},

		onShow() {
			uni.startPullDownRefresh();
			this.getBookType(); //合同类型
			this.getMoneyType(); //收款类型
		},
		created() {
			this.getlist();
			this.getBookType(); //合同类型
			this.getMoneyType(); //收款类型
			// this.getServerData();
		},
		methods: {
			getBookType() {
				//装修账簿 -- 合同类型
				this.$http('iWallet.AmountBookByType', {
					startDate: this.infotimes[0],
					endDate: this.infotimes[1],
				}).then(r => {
					if (r.code == 200) {
						let res = r.data;
						// console.log(r.data); //接口返回数据
						let series = [];

						res.map(item => {
							series.push({
								name: item.typeStr,
								value: item.account,
								labelText: item.typeStr,
							})
						});
						let rr = {
							series: [{
								data: series
							}]
						};
						this.chartData = JSON.parse(JSON.stringify(rr));
					}
				})
			},
			getMoneyType() {
				this.$http('iWallet.AmountBookByPaid', {
					startDate: this.infotimes[0],
					endDate: this.infotimes[1],
				}).then(r => {
					if (r.code == 200) {
						let res = r.data;

						let seriess = [];
						console.log(r.data.paidAmountTotal); //接口返回数据
						this.fu = r.data.paidAmountTotal;
						this.shou = r.data.outstandingAmountTotal;
						//获取的数据 放入seriess数组
						seriess.push({
							name: '未收款',
							value: r.data.outstandingAmountTotal,
							labelText: r.data.outstandingAmountTotal,
						});
						seriess.push({
							name: '已收款',
							value: r.data.paidAmountTotal,
							labelText: r.data.paidAmountTotal,
						});

						console.log(seriess);


						let money = {
							series: [{
								data: seriess
							}]
						};
						console.log(money); //处理后的数据
						this.CollectionchartData = money;

						//原始数据
						// let resT = {
						// 	series: [{
						// 		data: [{
						// 			"name": "未收款",
						// 			"value": 50,
						// 			'labelText': '未收款'
						// 		}, {
						// 			"name": "已收款",
						// 			"value": 30,
						// 			'labelText': '已收款'
						// 		}]
						// 	}]
						// };
						// this.CollectionchartData = resT;
					}
				})
			},
			onPullDownRefresh() {
			console.log('refresh');
				this.getlist(this.tabState)
				setTimeout(function() {
					uni.stopPullDownRefresh();
				}, 1000);
			},
			serchZB() {
				this.getlist(0, this.ZBname)
			},
			// 加载更多
			// onChange(e) {
			// 	this.status = e.detail.value
			// },
			// clickLoadMore(e) {
			// 	uni.showToast({
			// 		icon: 'none',
			// 		title: "当前状态：" + e.detail.status
			// 	})
			// },
			getlist(index, name) {
				// 获取账簿列表
				console.log(index)
				let type;
				if (index) {
					type = Number(index)
				} else {
					type = ''
				}
				this.$http('iwallet.getlist', {
					type: type,
					name: name,
					pageSize: 10,
					pageNum: this.pageNum
				}).then(res => {
					if (res.code == 200) {
						this.iwallarr = res.data;
					}
				})
			},
			bindTimeChange(e) {
				let newTime = e.detail.value;

				let newends = e.detail.value;
				let infotimes = this.infotimes
				newends = newends.split('-').join(''); //格式化传给后端开始时间 
				const arr = [];
				arr.push(newends);
				console.log(arr);
				infotimes.splice(0, 0, arr);
				if (this.infotimes[0]) {
					uni.showToast({
						title: '请选择结束时间',
						icon: "none",
						duration: 700
					})
					infotimes.splice(0, 0, arr)
				} else {
					console.log()
				}

				this.infotimes = arr;
				newTime = newTime.split('-');
				this.StartTime = newTime[0] + '年-' + newTime[1] + '月-' + newTime[2] + '日'
			},

			bindTimeChangeEnd(e) {
				let newend = e.detail.value;

				let newends = e.detail.value;
				let infotimes = this.infotimes
				newends = newends.split('-').join(''); //格式化传给后端结束时间
				const arr = [];
				arr.push(newends);
				console.log(arr);
				infotimes.splice(1, 0, arr); //结束时间放入自定义数组

				//判断输入是否大于开始时间
				if (this.infotimes[1] < this.infotimes[0]) {
					uni.showToast({
						title: '不能小于开始时间',
						icon: "none"
					})
					infotimes.splice(0, 0);
					infotimes.splice(1, 1); //删除时间
				} else {

					if (this.TypeState == 0) { //判断账簿类型
						console.log('合同类型');
						infotimes.splice(1, 0, arr);
						this.getBookType(this.infotimes); //合同类型 
					} else {
						console.log('收款类型');
						this.getMoneyType() //收款类型
					}

				}

				newend = newend.split('-');
				// console.log(newend)
				this.endTime = newend[0] + '年-' + newend[1] + '月-' + newend[2] + '日'

				// this.Book(newend);
			},
			clickTab(index) {
				console.log(index);
				this.iwallarr = []
				this.tabState = index;
				this.getlist(index)
			},
			newAccound() {
				uni.navigateTo({
					url: '/pages/foreman/newaccount/newaccount'
				})
			},
			accoundEdit(id) {
				uni.navigateTo({
					url: '/pages/foreman/accountEdit/accountEdit?id=' + id
				})
			},
			TypeStateClick(index) {
				console.log(index)
				this.TypeState = index;
			},
		},
	};
</script>

<style scoped lang="scss">
	.taskActive {
		font-weight: 800;
		color: #000000 !important;

	}

	.taskActive1 {
		font-weight: 500;
		color: #55aa00 !important;

	}

	.charts-box {
		width: 100%;
		height: 200px;
	}

	.charts-box2 {
		width: 70vw;
		height: 200px;
	}

	.group_10 {
		align-items: center;
		padding: 0 24rpx;
	}

	.group_26 {
		height: 76rpx;
	}

	.image_12 {
		width: 54rpx;
		height: 54rpx;
	}

	.group_2 {
		padding: 0 8rpx;
	}

	.section_4 {
		margin-left: 10rpx;
		padding: 8rpx 24rpx 24rpx;
		border-radius: 40rpx;
		background-image: url($IMG_URL+'16557871131178864258.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 64rpx;
	}

	.group_18 {
		height: 38rpx;
	}

	.image {
		flex-shrink: 0;
		width: 18rpx;
		height: 10rpx;
	}

	.image_3 {
		margin-top: 18rpx;
		flex-shrink: 0;
		width: 26rpx;
		height: 16rpx;
	}

	.text_1 {
		color: #333333;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 26rpx;
	}

	.text_20 {
		color: #fe641a;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_22 {
		color: #fe641a;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.page {
		background-color: #f6f7f9ff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		flex: 1 1 auto;
		margin-top: 80rpx;
		// overflow-y: auto;
	}

	.tab-bar {
		padding: 6rpx 85rpx 16rpx;
		background-color: #ffffff;
		box-shadow: 0px -1rpx 0px 0px #eeeeee;
	}

	.group_1 {
		// min-height: 500rpx;

	}

	.view_4 {
		margin-top: 24rpx;
	}

	.view_4 input {
		font-size: 28rpx;
		padding-left: 20rpx;
	}

	.line-tabs {
		margin-top: 13rpx;
	}

	.group_27 {
		width: 80rpx;
		height: 76rpx;
	}

	.section_1 {
		// padding-top: 53rpx;
		background-image: linear-gradient(180deg, #4383ff 0%, #4383ff 0%, #93b8ff 74.98%, #93b8ff 100%);
	}

	.section_3 {
		margin: -361rpx 24rpx 0;
		margin-bottom: 0;
		padding: 32rpx 16rpx 78rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
		position: relative;
	}

	.text-wrapper_1 {
		padding: 16rpx 0rpx 0 25rpx;
		flex: 1 1 auto;
		border-radius: 36rpx;
		background-image: url($IMG_URL+'16557871149277580110.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 72rpx;
	}

	.image_7 {
		margin-left: 24rpx;
		flex-shrink: 0;
		align-self: center;
		width: 36rpx;
		height: 36rpx;
	}

	.group_11 {
		padding: 16rpx 55rpx 16rpx 57rpx;
	}

	.group_13 {
		padding: 0 16rpx 40rpx 24rpx;
	}

	.text_49 {
		color: #333333;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_50 {
		color: #1d6aff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_51 {
		color: #333333;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text {
		font-weight: 500;
		align-self: center;
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
	}

	.title {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #548EFF;
		position: fixed;
		z-index: 99;
		width: 100vw;
		height: 110rpx;
		z-index: 10;
	}

	.section_2 {
		margin-top: 252rpx;
		background-image: linear-gradient(180deg, #ffffff00 0%, #ffffff00 0%, #f6f7f9 100%, #f6f7f9 100%);
		height: 152rpx;
	}

	.group_5 {
		margin-top: 54rpx;
		margin-right: 10rpx;
	}

	.search {
		margin-left: 32rpx;
		color: #999999;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_8 {
		margin-left: 11rpx;
		margin-top: 16rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.image_GD {
		margin-left: 32%;
		margin-top: 16rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.image_ZY {
		margin-left: 62%;
		margin-top: 16rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.image_QT {
		margin-left: 92%;
		margin-top: 16rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.section_8 {
		padding-bottom: 32rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.view_3 {
		margin-top: 37rpx;
	}

	.group_6 {
		align-self: center;
	}

	.image_6 {
		margin-left: 19rpx;
		width: 200rpx;
		height: 200rpx;
	}

	.section_7 {
		margin-left: 15rpx;
		margin-top: 53rpx;
		background-image: repeating-linear-gradient(90deg, #1c62f9, #1c62f9 0%, transparent 0%, transparent 0%);
		width: 53rpx;
		height: 1rpx;
	}

	.group_9 {
		margin-left: 10rpx;
		margin-top: 34rpx;
	}

	.text_10 {
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_11 {
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_12 {
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_13 {
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.group_14 {
		padding: 29rpx 24rpx 17rpx;
	}

	.group_16 {
		padding-left: 24rpx;
		height: 114rpx;
		position: relative;
	}

	.view_7 {
		margin-top: 30rpx;
	}

	.view_9 {
		margin-top: 30rpx;
	}

	.view_11 {
		margin-top: 30rpx;
	}

	.group_19 {
		padding: 29rpx 0 34rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.group_21 {
		margin-top: 22rpx;
		align-self: flex-start;
		line-height: 33rpx;
	}

	.group_22 {
		margin-top: 39rpx;
	}

	.group_23 {
		margin-top: 30rpx;
	}

	.group_24 {
		margin-top: 30rpx;
	}

	.group_25 {
		margin-top: 30rpx;
	}

	.section_5 {
		margin-left: 13rpx;
		align-self: center;
		background-color: #dedede;
		width: 28rpx;
		height: 2rpx;
	}

	.view_2 {
		margin-left: 13rpx;
	}

	.text-wrapper {
		margin-top: 3rpx;
		padding: 5rpx 0 15rpx;
		border-radius: 32rpx;
		background-image: url($IMG_URL+'16557871146106383826.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 132rpx;
		height: 48rpx;
	}

	.group_8 {
		margin-top: 5rpx;
		padding-top: 100rpx;
	}

	.group_8_2 {
		margin-top: 5rpx;
		padding-top: 100rpx;
	}

	.text_8 {
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_9 {
		margin-top: 11rpx;
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_15 {
		margin-right: 6rpx;
		margin-top: 4rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_17 {
		line-height: 33rpx;
		position: absolute;
		left: 24rpx;
		top: 50%;
		transform: translateY(-50%);
	}

	.text_19 {
		// margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_6 {
		margin-right: 6rpx;
		margin-top: 4rpx;
	}

	.text_24 {
		// margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_8 {
		margin-right: 6.5rpx;
		margin-top: 4rpx;
	}

	.text_27 {
		// margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_10 {
		margin-right: 6rpx;
		margin-top: 4rpx;
	}

	.text_30 {
		// margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_12 {
		margin-right: 6.5rpx;
		margin-top: 4rpx;
	}

	.text_34 {
		margin-top: 4rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_35 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_36 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_37 {
		margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_13 {
		margin-top: 4rpx;
	}

	.text_40 {
		margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_14 {
		margin-top: 4rpx;
	}

	.text_43 {
		margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_15 {
		margin-top: 4rpx;
	}

	.text_46 {
		margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.view_16 {
		margin-top: 4rpx;
	}

	.image_1 {
		margin-left: 46rpx;
		margin-top: 13rpx;
	}

	.image_2 {
		margin-left: 45rpx;
		margin-top: 13rpx;
	}

	.image_4 {
		margin-top: 17rpx;
	}

	.text_4 {
		font-weight: 800;
		margin-left: 12rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_5 {
		font-weight: 500;
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 36rpx;
	}

	.text_6 {
		margin-left: 118rpx;
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.section_6 {
		margin-left: 10rpx;
		flex-shrink: 0;
		align-self: center;
		background-image: repeating-linear-gradient(90deg, #1c62f9, #1c62f9 0%, transparent 0%, transparent 0%);
		width: 45rpx;
		height: 1rpx;
	}

	.image_5 {
		width: 72rpx;
		height: 72rpx;
	}

	.text_7 {
		margin: 7rpx 87rpx 0 46rpx;
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_14 {
		font-weight: 800;
		margin-left: 12rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_16 {
		font-weight: 800;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_17 {
		font-weight: 600;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_10 {
		width: 42rpx;
		height: 48rpx;
	}

	.text_18 {
		color: #ffffff;
		font-size: 17rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 20rpx;
		letter-spacing: -1.18rpx;
		margin-top: 10rpx;
	}

	.text_33 {
		margin-left: 12rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_38 {
		color: #fe641a;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_39 {
		color: #fe641a;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_41 {
		color: #fe641a;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_42 {
		color: #fe641a;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_44 {
		color: #fe641a;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_45 {
		color: #fe641a;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_47 {
		color: #fe641a;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_48 {
		color: #fe641a;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.section_10 {
		margin-right: 8rpx;
		margin-top: 20rpx;
		padding: 0 22rpx 32rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.divider {
		background-color: #eeeeee;
		border-radius: 0.5rpx;
		height: 1rpx;
		position: absolute;
		left: 24rpx;
		right: 32rpx;
		top: 17rpx;
	}

	.section_9 {
		padding: 16rpx 0 28rpx;
		border-radius: 50%;
		filter: drop-shadow(0px 3rpx 3rpx #1c5edd4d);
		background-image: url($IMG_URL+'16557870891164158695.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 120rpx;
		height: 120rpx;
		position: fixed;
		right: 4%;
		top: 50%;
	}
</style>
